<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js</title>
	<style>
		/* margin:0 auto; 对块标签产生作用;img是行标签，如果居中，外边加div,应该将行标签改为块标签display:block*/
		div{
			width: 800px;
			height:600px;
			margin:0 auto;
		}
		img{
			display:block;
			width: 800px;
			height:600px;
		}	

	</style>
</head>
<!-- 回到顶部 -->
<body>
	<div>
		<img src="a.jpg" alt="" id='imgid'>
	</div>
</body>
<script>	
	
	function show(){
		w=document.documentElement.clientWidth;
		if(w>1024){
			document.body.style.background='#00f';
		}else if(w>600){
			document.body.style.background='#0f0';
		}else{
			document.body.style.background='#f00';
		}
	}
	
	show();
	window.onresize=function(){
		//动一下，打开新页面
		//window.open('http://www.baidu.com');//一下打开2个；现在浏览器不用window.open

			show();
	}
	

</script>
</html>